<div class="main-page tab-main-page">
    <div class="tab-main-header">
        <img src="./assets/image/main/main-bg.png"
             class="main-bg"/>
        <div class="tab-main-head">
            <div class="header-block">
                <div class="located-city">
                    <span class="city-name">{{cityName}}</span>
                    <img class="arrow-button" src="./assets/image/icon/icon-arrow.png"/>
                </div>
                <div class="search-content">
                    <img class="search-icon" src="./assets/image/icon/icon-search.jpeg" alt="">
                    <span class="search-input" (click)="toToPage({navigation:'search-user'})"></span>
                </div>
<!--                <div class="header-other">-->
<!--                    <img class="header-icon-other" src="./assets/image/icon/icon-add.png"/>-->
<!--                </div>-->
            </div>
            <div class="main-operate-list">
                <div class="list-item" (click)="toToPage({navigation:'qr-code'})">
                    <img class="item-icon" src="./assets/image/icon/icon-code.png" alt="">
                    <span>电子码证</span>
                </div>
                <div class="list-item" (click)="toToPage({navigation: 'scan-code'})">
                    <img class="item-icon" src="./assets/image/icon/icon-scan.png" alt="">
                    <span>扫一扫</span>
                </div>
                <div class="list-item" (click)="toToPage({navigation:'certificate-list'})">
                    <img class="item-icon" src="./assets/image/icon/icon-authentication.png" alt="">
                    <span>电子认证</span>
                </div>
            </div>
        </div>
<!--        <div class="activity-entry">-->
<!--            <button class="activity-btn">立即参与</button>-->
<!--        </div>-->
    </div>
    <div class="icon-list">
        <div class="icon-item"
             *ngFor="let item of iconList;index as i"
             (click)="applicationPage(item)"
        >
            <span class="icon-image-bg" [style]="{background:item.bg}">
                <img class="icon-image"
                     [src]="item.app_icon"/>
            </span>
            <span>{{item.app_name}}</span>
        </div>
    </div>
    <div class="main-reminder">
        <img class="main-reminder-icon" src="./assets/image/icon/icon-bell.png" alt="">
        <span class="text-ellipsis">请主动报备！23区(市)县社区24小时应急值守...</span>
        <img class="main-reminder-arrow" src="./assets/image/icon/icon-arrow-color.png"/></div>
    <div class="image-reminder">
        <img src="./assets/image/temporary/reminder-img.png"/>
    </div>
<!--    <div class="main-reminder"-->
<!--         (click)="goToPage('hot')"-->
<!--         *ngIf="hotNewList && hotNewList.length>0">-->
<!--        <img class="main-reminder-icon" src="./assets/image/icon/icon-bell.png" alt="">-->
<!--        <span class="text-ellipsis">{{hotNewList[0]?.title}}</span>-->
<!--        <img class="main-reminder-arrow" src="./assets/image/icon/icon-arrow-color.png"/>-->
<!--    </div>-->
<!--    <div class="image-reminder" *ngIf="themeNewList && themeNewList.length>0">-->
<!--        <img (click)="goToPage('theme')" [src]="themeNewList[0].url"/>-->
<!--    </div>-->
</div>
